export const basicComponentConfig = [
    {
        type: 'button',
        label: '按钮',
        id: 'button',
        basic: true,
        attributes: {
            text: '按钮',
            width: '',
            basicType: 'primary',       // 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'
            size: '',       // 'large' | 'default' | 'small'
            plain: false,          // 是否朴素按钮
            round: false,          // 是否圆角按钮
            circle: false,         // 是否圆形按钮
            disabled: false,       // 是否禁用
            cssClass: ''
        },
        events: {
            onClick: ''
        }
    },
    {
        type: 'title',
        label: '标题',
        id: 'title',
        isBasic: true,
        attributes: {
            width: '',
            title: '欢迎使用WorkFox表单设计器',
            description: '请从左侧拖动组件到画布进行表单设计',
            titleFontSize: '20px',
            descFontSize: '14px',
            titleColor: '#303133',
            descColor: '#909399',
            cssClass: ''
        },
        events: {}
    },
    {
        type: 'text',
        label: '文字',
        id: 'text',
        isBasic: true,
        attributes: {
            text: '文字',
            width: '',
            basicType: '', // 可选 'primary' | 'success' | 'info' | 'warning' | 'danger'
            size: '', // 可选 'small' | 'default' | 'large'
            truncated: false,
            lineClamp: 0,
            textColor: '#909399',
            textFontSize: '14px',
            cssClass: ''
        },
        events: {
            onClick: ''
        }
    },
    {
        type: 'alert',
        label: '提示',
        id: 'alert',
        basic: true,
        attributes: {
            title: '提示',
            alertType: 'info',          // 'success' | 'info' | 'warning' | 'error'
            width: '',
            closable: true,        // 是否可关闭
            center: false,         // 文字是否居中
            showIcon: false,       // 是否显示图标
            effect: 'light',       // 'light' | 'dark'
            description: '',       // 描述内容（可选）
            cssClass: ''
        },
        events: {
            onClick: ''
        }
    },
    {
        type: 'divider',
        label: '分割线',
        id: 'divider',
        isBasic: true,
        attributes: {
            text: '分割线',
            width: '',
            direction: 'horizontal', // 'horizontal' | 'vertical'
            contentPosition: 'center', // 'left' | 'center' | 'right'
            borderStyle: 'solid', // 'solid' | 'dashed' | 'dotted'
            cssClass: ''
        }
    }
]